<template>
  <div style="width: 100%;">
    <t-form :data="formData" :rules="rules" ref="form" label-align="top">
      <t-form-item label="发货说明" name="deliver_data">
        <t-checkbox-group v-model="formData.deliver_data" :options="explainOptions"></t-checkbox-group>
      </t-form-item>
      <t-form-item label="平台保障" name="safeguard_data">
        <t-checkbox-group v-model="formData.safeguard_data" :options="guaranteeOptions"></t-checkbox-group>
      </t-form-item>
      <t-form-item label="描述" name="desc">
        <t-textarea v-model="formData.desc" placeholder="请输入描述"></t-textarea>
      </t-form-item>
      <t-form-item label="提示语" name="msg">
        <t-textarea v-model="formData.msg" placeholder="请输入提示语"></t-textarea>
      </t-form-item>
    </t-form>
  </div>
</template>

<script>

import {classifyListApi} from "@/api/classify";

export default {
  name: 'AdditionalContent',
  props: {
    value: {
      type: String,
      default: ''
    },
  },
  data() {
    return {
      editorOption: {},
      formData: {
        deliver_data: [], // 发货说明
        safeguard_data: [], // 平台保障
        msg: '', // 备注
        desc: '',
        config_data: '', //配置数据（自定义JSON数据）
      },
      rules: {
        explain: [{required: true, message: '请选择发货说明', trigger: 'change'},],
        guarantee: [{required: true, message: '请选择平台保障', trigger: 'change'},],
        //remark: [{required: true, message: '请输入押金', trigger: 'change'},],
      },
      explainOptions: [],
      guaranteeOptions: [],
    }
  },
  mounted() {
    this.getList()
  },
  methods: {
    submit() {
      return this.$refs.form.validate()
    },
    // 获取列表
    getList() {
      const params1 = {
        page: 1,  // 当前页
        limit: 9999,  // 每页条数
        belong_module: 'product_deliver', // 模块类型（如产品分类 product_classify，说明 product_brand，发货说明 product_deliver，保障说明 product_safeguard ...）
      }
      classifyListApi(params1).then(res => {
        this.explainOptions = res.data.map(item => {
          return {
            label: item.title,
            value: item.id
          }
        })
      }).catch(err => {
        console.log('err', err)
      })
      const params2 = {
        page: 1,  // 当前页
        limit: 9999,  // 每页条数
        belong_module: 'product_safeguard', // 模块类型（如产品分类 product_classify，说明 product_brand，发货说明 product_deliver，保障说明 product_safeguard ...）
      }
      classifyListApi(params2).then(res => {
        this.guaranteeOptions = res.data.map(item => {
          return {
            label: item.title,
            value: item.id
          }
        })
      }).catch(err => {
        console.log('err', err)
      })
    },
  }
}
</script>

<style lang="less" scoped>

</style>
